@import 'fonticon';
$min-width: 1200px;

body,h1,h2,h3,h4,h5,h6,hr,p,div,span,ul,ol,li,input,img,select,figure{
    margin: 0;
    padding: 0;
}

body,html{
    font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;  
    font-size:14px;
}

h1,h2,h3,h4,h5,h6{
    font-weight: 500;
}

a{
    text-decoration: none;
}

a:focus{
    outline:none;
}

ul,li{
    list-style-type:none;
}

img{
    border: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.fl{
    float: left;
}

.fr{
    float: right;
}

.clear{
    &:before,&:after{
        content: "";
        display:table;
    }
    &:after{
        clear: both;
    }
}

.ell{
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hide{
    display: none;
}

.mt10{
    margin-top:10px;
}

.mt20{
    margin-top:20px;
}
.mt30{
    margin-top:30px;
}

.mt40{
    margin-top: 40px;
}

.mt50{
    margin-top: 50px;
}

.mr5{
    margin-right: 5px;
}

.mr10{
    margin-right: 10px;
}
.mr20{
    margin-right: 20px;
}
.mr30{
    margin-right: 30px;
}


.ml10{
    margin-left: 10px;
}

.m10{
    margin: 0 10px;
}


.tc{
    text-align: center;
}

.t-color{
    color: #00524C;
}

.t-grey{
    color: #666;
}

.t-white{
    color: #fff;
}

.layout{
    width: 1200px;
    margin: 0 auto;
}

//公共样式
.info{
    h1{
        font-size: 46px;        
    }
}

//公共头部
.hd{
    padding: 70px 0 60px;
    @extend .info,.tc;
    span{
        vertical-align: middle;
        display: inline-block;
        padding: 3px;
        font-size: 12px;
    }
    h1{
        font-size: 36px;
        margin-bottom: 20px;
    }
    .line{
        position: relative;
        width: 100px;
        margin: 0 auto;
        border-bottom: 8px solid;
        &:after,&:before{
           position: absolute;
           top: 4px;
           content: '';
           width: 125px;
           height: 1px;                     
        }
         &:before{
            right: 100px;
        }
         &:after{
            left: 100px;
        }
    }
}

.mb10{
    margin-bottom: 10px;
}

//头部
.container{
    min-width: 1200px;
    position: relative;
    padding-top: 108px;
    .header{
        position: absolute;
        width: 100%;
        top: 0;
        z-index: 1200;
        background: url(../img/bar-bg.jpg) left top repeat-x;
        height: 108px;
        .bar{
            display: block;
            background: url(../img/white-bar.png) center top no-repeat;
            width: 100%;
            height: 9px;
            position: absolute;
            overflow: hidden;
            top: 108px;
            z-index: 10;
        }
        .hgroup{
            height: 108px;
            position: absolute;
            width: 100%;
            z-index: 20;
            top: 0;
        }
        .logo{
            display: inline;
            height: 57px;
            width: 254px;
            margin-top: 25px;
            overflow: hidden;
        }
    }
}
    .nav{
         display: inline;
         width: 780px;
        ul{
            @extend .clear;           
        }
        li{
            display: inline;
            float: left;
            width: 83px;
            height: 118px;
            text-align: center;
            z-index: 999;
            a{
                display: inline-block;
                margin-top: 48px;
                padding:0 26px;
                border-right: 1px solid #00524C;
                @extend .t-color;
            }
            
            &:hover,&.on{    
                position: relative;
                &:after{
                    content: '';
                    position:absolute;
                    background: #00524C;
                    left:-5px;
                    right:-0px;
                    top:0;
                    bottom:0;                    
                }           
                a{
                    position: relative;
                    z-index: 20;
                    border-right-color:#00524C;
                    @extend .t-white;
                }
            }
        }
        li:last-child a{border: none;}       
    }


//轮播
.slideBox{
    position:relative;
    width:100%; 
    height:600px;
    overflow:hidden; 
    .hd{
        position: absolute;
            left: 45%;  
            top: 80%;
        z-index:1;
        overflow:hidden; 
        ul li{
             display: inline-block;
                margin-right: 10px;
                width: 20px;
                height: 20px;
                background: url(../img/round_1.png) no-repeat;
                cursor: pointer;
      }
      .on{
            background: url(../img/round.png) no-repeat;
        }
    }
    .bd{ 
        position:relative; 
        height:100%; 
        z-index:0;  
        li{ 
            position:relative;
            zoom:1; 
            vertical-align:middle; 
            img{ 
                width:100%; 
                height:600px; 
                display:block;  
            }
            .info{
                    position: absolute;
                    width: 500px;
                    height: 374px;
                    top: 25%;
                    right: 15%;
                    background: url(../img/ban_r.png) no-repeat;
                    @extend .t-white;
                    text-align:right;   
                    h1,p{margin-right: 50px;}
                    h1{
                        margin-top: 65px;  
                        margin-bottom: 20px;                
                        font-size: 46px;  
                        span{
                            vertical-align:super;
                        }                  
                    }            
                    p{
                      line-height: 1.6;                  
                      font-size: 18px;  
                    }
                }
        } 
    }
    .next,.prev{
                position: absolute;
                top: 40%;
                width: 58px;
                height: 93px;
                color: #fff;
                &:hover{
                    color: #117e48;
                }
            }
             [class^="icon-"]{
              &:before{ 
                  font-size: 80px;
              }
            }
            .prev{
                left: 60px;              
            }
            .next{
                right: 60px;                
            } 
}



//图片放大
.hover-img{    
     overflow: hidden;
     span{
        -webkit-transition-duration: 350ms;
        -moz-transition-duration: 350ms;
        -o-transition-duration: 350ms;
        -ms-transform-duration: 350ms;
        transition-duration: 350ms;
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -ms-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transition-property: color,background-color,visibility,opacity;
        -moz-transition-property: color,background-color,visibility,opacity;
        -o-transition-property: color,background-color,visibility,opacity;
        -ms-transition-property: color,background-color,visibility,opacity;
        transition-property: color,background-color,visibility,opacity;
        img{            
           -webkit-transition: all 0.7s ease;
           -moz-transition: all 0.7s ease;
            -o-transition: all 0.7s ease;
           -ms-transition: all 0.7s ease;
            transition: all 0.7s ease;  
        }
     }
     &:hover img{
        transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }
}


//内容
.new-tit{
    h2{
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 25px;
        color: #333;
        i,span{
            @extend .t-color;
        }
        span{
            font-size: 18px;
        }
    }
    .hover-img{
        height: 149px;
        img{
            width: 204px;
            height: 149px;
        }
    }
}

.new-img{
    width: 260px;
    overflow: hidden;
    line-height: 1.6;
    h3 a{
        color: #333;
        &:hover{
            color: #00AA91;
        }
    }
    p{
        color: #777;
        padding-top: 15px;
    }
}

.pic-list{
    overflow: hidden;
    height: 209px;
    a{
        float: left;
        position: relative;    
        width: 100px;
        transition:all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease;
        display: block;
        @extend .t-white;
        }  
        img{
            height:100%;
        }
        h3{
            position: absolute;
            top: 15px;
            left: 15px;
        }
        .cover{
            display: none;
            position:absolute;
            width: 100%;
            height: 58px;
            bottom: 0;
            span{
                bottom: 0;
                width: 100%;
                display: inline-block;
                height: 55px;
                background: #009F95;
                opacity:0.8;
                filter:alpha(opacity=80);
                -webkit-opacity:0.8;
                -moz-opacity:0.8; 
                overflow: hidden;
            }
            p{
                position: absolute;
                padding: 0 10px; 
                line-height: 1.6;
                font-size: 12px;
                z-index: 10;
                bottom: 0;
                height: 50px;
                overflow: hidden;
            }
        }
        .on{
            width:310px;
            .cover{
                display: block;
            }
        }
}

//新闻
.top-warp{
    position: relative;
    .bg-color{
        background: #e6e6e6;
    }
    .top-nav{
        width: 1180px;
        margin: 0 auto;
        .tit,a{
            display: inline-block;
            color: #666;
        }
        a{
           padding: 25px 10px 15px; 
           &:hover{
               color: #00BD82;
           }
        }
        .tit{
            font-size: 20px;
            padding: 20px 0 13px 100px;
        }
    }
}

.new{
    background: url(../img/bg_2.jpg) no-repeat;  
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
    -moz-background-size:100% 100%;  
    background-size:100% 100%;
}

.top-bg{             
        height: 274px;
        h1{
            @extend .tc,.t-white;
            padding-top: 76px; 
            span{
                vertical-align: super;
            }          
        }
    }  

.main-img{
    margin-left: 120px;
}

.new-content{
    .hd{
        padding: 50px 100px 0 0;
        h1 a{
        color: #333;
            margin-bottom: 40px;
        }
        span{
            background: #00524C;
        }
        .line{
            border-bottom-color: #00524c;
            &:after,&:before{
              background: #9a9a9a;           
            }
        }
    } 
    .bg{        
       line-height:2;      
        ul{
            padding:20px 50px 0 0;
            li a{
                display: inline-block;
                width: 240px;
                @extend .ell,.ml10;
                 color:#333;
                 line-height: 1;
                &:hover{
                    color: #00BD82;
                }
            }           
        }
        .new-item{
            padding-left: 50px;
            padding-right: 0;
        }
    }
    .new-btn{
           display: inline-block;
           font-size: 12px;
           margin: 30px 20px;
            background: #00524C;
            padding: 10px 20px;
            @extend .t-white;
        }
}
.comp-new{
    background: url(../img/bg_3.jpg) no-repeat;
     filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
    -moz-background-size:100% 100%;  
    background-size:100% 100%;
   
    .com-top{
         margin-top: -4px;
        padding-bottom: 90px;
        @extend .t-white;
        .hd{
            span{background: #fff;}
             .line{
                border-bottom-color: #fff;
                &:after,&:before{
                   background: #fff;           
                }
            }
        }
       .bg{
           li{
               @extend .fl;               
                p{
                   @extend .tc;
                   padding: 10px 0;
                   background: #ccc;
                   margin-top: 5px;
               }
           }
           .hover-img{
               display: inline-block;
               height: 254px;
               img{
                   width: 380px;
                   height: 254px;
               }             
           }
       }
    }
}

//行业新闻
.industry-new{
    width: 960px;
    margin: 0 auto;
    .hd{
        h1 a{
            color: #333;
        }
        span{
            background: #00524C;
        }
        .line{
            border-bottom-color: #00524c;
            &:after,&:before{
              background: #9a9a9a;           
            }
        }
    }
   .on{
       .date-t{
           @extend .tc;
           padding: 20px 22px;
           margin-right: 25px;
           background-color: #117e48;
           h3{color: #fff;font-size: 24px;}
           p{color: #d1d1d1;padding-top: 15px; }
       }
       .text{
           h3{color: #117e48;}
       }
   }
    .news-item{
        display: block;
        padding-bottom: 20px;
        border-bottom: 1px dashed  #ccc;
        .date{
            @extend .tc;
            background-color: #e6e6e6;
            padding: 20px 22px;
            margin-right: 25px;
            h3{
                color: #333;
                font-size: 24px;
            }
            p{
              color: #666; 
              padding-top: 15px; 
            }
        }
        .text{
            width: 815px;
            h3{
                font-size: 18px;
                @extend .t-grey;
            }
            p{ 
                margin-top: 15px;
              @extend .t-grey;
            }
            .t-more{
                 display: block;
                 font-size: 12px;
                 @extend .mt10;  
                 .more-arr{margin-left: 5px;}             
            }
        }
        &:hover{
            .date{
                background: #117e48;
                 transition-duration: 0.5s;
                -webkit-transition-property: color, background-color;
                transition-property: color, background-color;
                h3{@extend .t-white;}
                p{color: #d1d1d1;}
            }
            .text h3{
                color: #117e48;
            }
        }
    }
}

.page{
    margin: 50px 0 90px;
}

//按钮
.more-btn{
    position: relative;       
    a,span{
        display: block;
        @extend .t-white;
        background: url(../img/btn.png) no-repeat center;
        padding: 6px 0; 
        cursor: pointer;
        z-index: 10;
    }
    a,span{
        &:before,& before,&:after,& after{
            position: absolute;
            content:attr(data-content);
            width: 140px;
            height: 1px;
            background: #9a9a9a;
            top: 16px;
        }
        &:before,& before{
            left: 260px;
        }
        &:after,& after{
            right: 260px;
        }
    }   
}

 .pub-more-btn{
        @extend .more-btn;
        margin: 85px 0 95px;
        a,span{
            &:before{
                left: 380px;
            }
            &:after{
                right: 380px;
            }
        }
    } 



.news-last{
    margin-top: 100px;
    background: url(../img/bg_4.jpg) no-repeat;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
    -moz-background-size:100% 100%;  
    background-size:100% 100%; 
    .hd{
        h1 a{
            @extend .t-white;
        }
        span{
            background: #00524C;
        }
        .line{
            border-bottom-color: #00524c;
            &:after,&:before{
              background: #fff;           
            }
        }
    }
    .hover-img{
        display: block;
        position: relative;
        width: 550px;
         height: 410px;
         span img{
            width: 550px;
            height: 410px;
         }
         .detail{
            margin-top: -105px;
            background: #000;
             opacity: 0.8;  
                 filter:alpha(opacity=70);
                -webkit-opacity:0.8;
                -moz-opacity:0.8;
            padding: 18px 25px;
            h3{
                color: #fff;
                -webkit-transition: all 0.7s ease;
               -moz-transition: all 0.7s ease;
                -o-transition: all 0.7s ease;
               -ms-transition: all 0.7s ease;
                transition: all 0.7s ease;
            }
            p{
                color: #fff;
                font-size: 12px;
                @extend .mt10;
            }
         }
         &:hover{
            h3{color: #00BD82;} 
         }
    }
    .list{
        margin-left: 20px;
         .hover-img{
            display: block;
            position: relative;
            width: 304px;
             height: 195px;
             span img{
                width: 304px;
                height: 195px;
             }
             p{
                position: absolute;
                width: 100%;
                bottom: 0;
                @extend .tc,.t-white;
                background: #000;
                opacity: 0.8;  
                 filter:alpha(opacity=80);
                -webkit-opacity:0.8;
                -moz-opacity:0.8;              
                padding: 10px 0px;
                font-size: 12px;
                 -webkit-transition: all 0.7s ease;
               -moz-transition: all 0.7s ease;
                -o-transition: all 0.7s ease;
               -ms-transition: all 0.7s ease;
                transition: all 0.7s ease;
             }
            &:hover{
                p{color: #00BD82;} 
             } 
        }
    }
    .pub-more-btn{
        margin: 50px 0 0 0;
        padding-bottom: 80px;
        a:after,a:before{
            background: #fff;
        }
    }
}

//新闻内页
.new-link-main{
    margin: 70px 0 80px;
    @extend .t-grey;
    .new-hd{
        @extend .tc;
        h3{
            color: #117e48;
            font-size: 18px;
        }
        p{
           @extend .mt20;
           .share{
               padding: 0 5px 0 30px;
           }
           a{
               vertical-align: sub;
           }
        }
    }
    .bg{
        p{
            text-indent: 2em;
            line-height: 1.8;
        }
        .cut{
            a{@extend .t-grey;}
            span{
                padding: 5px 7px;
                margin-right: 15px;
                background: #117e48;
                @extend .t-white;
            }
        }
    }
}

//返回
.back-btn{              
        text-align: center;
        a{
            @extend .t-grey;  
            width: 100px;
            padding: 5px 22px;
            border-top: 2px solid #ccc;
            border-bottom: 1px solid #ccc;
        }
        span{
            padding-left: 10px;
        } 
        &:hover{
            a{
                @extend .t-color;
            }
        }       
    }


//关于我们
.about{
    background: url(../img/关于名邸_01.jpg) no-repeat;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
    -moz-background-size:100% 100%;  
    background-size:100% 100%;
}
.know{
    background: url(../img/01关于名邸_02.jpg) no-repeat;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
    -moz-background-size:100% 100%;  
    background-size:100% 100%; 
    padding-bottom: 180px;
    .hd{
        span{
            background: #00524C;
        }
        .line{
            border-bottom-color: #00524c;
            &:after,&:before{
              background: #9a9a9a;           
            }
        }
    }
    .bg{
        position: relative;
        span{
            position: absolute;
        }
        .qu-l{
            left: 6%;
        }
        .qu-r{
            right: 10%;
        }
    }
    .text{
        width: 790px;
        margin: 0 auto;
        padding-top: 15px;
        @extend .t-grey;
    }
}

.culture{   
    background: url(../img/01关于名邸_03.jpg) no-repeat;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
    -moz-background-size:100% 100%;  
    background-size:100% 100%; 
    padding-bottom: 40px;
    .hd{
        h1{
            text-align: left;
            @extend .t-white;
        }
        span{
            background: #fff;
        }
        .line{
            border-bottom-color: #fff;
            margin: 0;
            &:after{
              background: #fff;  
              width: 280px;         
            }
        }
    }
    .bg{
        .bg-list{
           
            padding-bottom: 20px;
            margin-bottom: 40px;
            h2,h3{
                font-weight: 600;
            }
            h2{
                color: #06f7d0;
            }
            h3{
                @extend .t-white;
                padding: 20px 0 10px;
            }
            p{
                color: #ccc;
            }
        }
        .list{
             padding-right: 200px;
        }
        .item{
            padding-top: 50px;
        }
    }
}


.organize{
    margin-bottom: 70px;
    .hd{
        span{
            background: #00524C;
        }
        .line{
            border-bottom-color: #00524c;
            &:after,&:before{
              background: #9a9a9a;           
            }
        }
    }
}

.progress{
     background: url(../img/01关于名邸_04.jpg) no-repeat;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
    -moz-background-size:100% 100%;  
    background-size:100% 100%; 
    padding-bottom: 100px;
    .hd{
        span{
            background: #00524C;
        }
        .line{
            border-bottom-color: #00524c;
            &:after,&:before{
              background: #9a9a9a;           
            }
        }
    }
.qunar{
        position: relative;
        .prev,.next{
            position: absolute;
            top: 25px;
            width: 28px;
            height: 54px;
        }
        .prev{
            background: url(../img/arrow_l.png) no-repeat;
            left: 100px;
        }
        .next{
            background: url(../img/arrow_r.png) no-repeat;
            right: 100px;
        }
        .slide-pic{
            padding-top: 0;
            ul{
                @extend .tc;
            }
           p{
                display: inline-block;
                background: url(../img/w_round.png) no-repeat;
                width: 112px;
                height: 112px;
                margin: 0 25px;
                padding: 40px 0;
                cursor: pointer;
                 -webkit-transition: all 0.5s ease;
               -moz-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
               -ms-transition: all 0.5s ease;
                transition: all 0.5s ease;
                @extend .tc;
                color: #333;
                font-size: 20px;
            }
            .on{
                background: url(../img/b_round.png) no-repeat;
                width: 112px;
                height: 112px;
                color: #fff;
            }
            
        }
        .tab{
            li{
                @extend .tc;
                font-size: 16px;
                line-height: 1.8;
            }
        }
}
}

.team{
   .hd{
        span{
            background: #00524C;
        }
        .line{
            border-bottom-color: #00524c;
            &:after,&:before{
              background: #9a9a9a;           
            }
        }
    } 
    .bg{
        li{
            display: inline-block;
            position: relative;
            overflow: hidden;
            height: 328px;
            img{
                width: 290px;
                height: 328px;
            }
            .tit{
                display: block;
                position: absolute;
                bottom: 0px;
                background: #00524C;
                opacity: 0.8;
                 filter:alpha(opacity=80);
                -webkit-opacity:0.8;
                -moz-opacity:0.8;
                @extend .tc,.t-white;
                padding: 8px 0;
                width:100%;
                height: 45px;
                 transition:all .3s;
                -webkit-transition: all .3s;
                p{font-size: 12px;padding-top: 5px;}
            }
            .info{
                position: absolute;
                top: 328px;
                height: 328px;
                padding: 40px 20px 0;
                background: #00524C;
                opacity: 0.8;
                 filter:alpha(opacity=80);
                -webkit-opacity:0.8;
                -moz-opacity:0.8;
                line-height: 1.8;
                @extend .t-white;
                cursor: pointer;
                 transition:all .3s;
                -webkit-transition: all .3s;
                h3{
                    font-size: 24px;
                }
                .p-line{
                   width: 50px;
                    border-top: 1px solid #fff;
                    margin: 15px 0 25px;
                }
            }
            &:hover{
                    .tit{bottom: -60px;}
                   .info{top: 0;}            
            }
        }
    }
}


.fie-line{
    position: relative;
    border-bottom:6px solid #00524c;
    width: 48px;
    &:after{
        position: absolute;
        content: "";
        top: 3px;
        left: 48px;
        width: 200px;
        height: 1px;
        background: #ccc;
    }
}

//领域
.field-main{
    display: block;
    margin-top: 60px;
    .list{       
        h3{
            font-size: 24px;
            padding-bottom: 15px;
            a{color: #333;}
        }       
        .text{
            @extend .t-grey;
            width: 700px;
            padding: 30px 0 38px;
            line-height: 1.8;
        }
        .btn{
            background: #00524C;
            padding: 15px 30px;
            @extend .t-white;
        }
    }   
}

.field-con{
    margin: 50px 0 120px;
}

.field-list{
    li{
        display: inline-block;
        position: relative;
        overflow: hidden;
        height: 250px;
        .f-item{
            position: relative;
            img{
                width: 390px;
                height: 250px;
            }
            p{
               position: absolute;
               width: 100%;
               bottom: 0px;   
               @extend .t-white,.tc;
               background: #01524c;
               padding: 10px 0;
               opacity: 0.7;
               filter:alpha(opacity=60); 
               -webkit-opacity:0.6;
               -moz-opacity:0.6;
            }
        }
       .f-ietm p,.f-tit{
                -webkit-transition: all 0.3s ease;
               -moz-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
               -ms-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }
        .f-tit{
            position: absolute;
            width: 100%;
            display: block;
            top: 250px;
            background: #00524C;
            opacity: 0.7;
            filter:alpha(opacity=60); 
            -webkit-opacity:0.6;
            -moz-opacity:0.6;
            @extend .t-white,.tc;
            padding: 40px 0; 
            h3{
                font-size: 28px;
            }
            p{@extend .mt10;}
            .li-line{
                @extend .tc;
                height: 1px;
                background: #FFF;
                width: 180px;
                margin: 10px auto 40px;
            }
        }
        &:hover{
          .f-tit{top: 0;}
          .f-item p{bottom: -50px;}
        }
    }
}

.pub-hd{
    .hd{
        span{background: #00524C;}
        .line{
            border-bottom-color: #00524C;
            &:after,&:before{
             background: #9a9a9a;           
            }
        }
    }
}


.field-zs{
    padding-bottom: 90px;
    .bg{
        p{
            text-indent: 2em;
            line-height: 1.8;
            @extend .t-grey;
        }
    }
    h3{
        font-size: 24px;
    }
    ul li{
        @extend .fl,.mr10;
        .hover-img{
            display: inline-block;
            height: 214px;
            img{
                width: 288px;
                height: 214px;
            }
        }
         p{
             @extend .tc;
            color: #333;
            padding: 10px 0;
            background: #e6e6e6;
            -webkit-transition: all 0.3s ease;
             -moz-transition: all 0.3s ease;
             -o-transition: all 0.3s ease;
             -ms-transition: all 0.3s ease;
             transition: all 0.3s ease;
        }
        &:hover{
            p{
                background: #00524C;
                @extend .t-white;
            }
        }
    }      
}


//案例

.case-list{
    margin: 20px 0 120px;
    ul{
        @extend .clear,.mt30;
    }
    li{
        @extend .fl;               
        p{
            color: #333;
            @extend .tc;
            padding: 10px 0;
            background: #e6e6e6;
            -webkit-transition: all 0.3s ease;
             -moz-transition: all 0.3s ease;
             -o-transition: all 0.3s ease;
             -ms-transition: all 0.3s ease;
             transition: all 0.3s ease;
         }
         &:hover{
            p{
                 background-color: #00524C;
                 transition: all 0.3s ease-in-out;
                 @extend .t-white;
            }
         }
    }
    .hover-img{
        display: inline-block;
        height: 280px;
        img{
            width: 575px;
            height: 280px;
        }             
    }
}

.case-yb{
    padding-bottom: 50px;
    .hd{
        span{background: #00524C;}
        .line{
            border-bottom-color: #00524C;
            &:after,&:before{
             background: #9a9a9a;           
            }
        }
    }
    .bg{
        @extend .case-list;
        margin-bottom: 50px;
        .hover-img{
            display: inline-block;
            height: 215px;
            img{
                width: 289px;
                height: 215px;
            }             
        }
    }
}

.bor-b{
     border-bottom: 1px solid #b5b5b5;
}

.case-warp{
    margin: 70px 0;
    .hd-l{
        @extend .t-grey;
        .hover-img{
            display: inline-block;
            height: 418px;
            img{
                width: 756px;
                height: 418px;
            }
        }
        h3{padding: 10px 0;}
        p{padding-bottom: 15px;}
    }
    
    .hd-r{
        h2{font-size: 36px;font-weight: 600;}
        .line{
            @extend .fie-line,.mt10;
            width: 80px;
            &:after{
                left: 80px;
                width: 310px;
                background: #b5b5b5;               
            }
        }
        .text{
            @extend .t-grey,.bor-b;
            width: 390px;
            padding: 26px 0;
            line-height: 1.8;
        }
        .infom{
             @extend .t-color,.bor-b;
             line-height: 1.8;
             padding: 20px 0;
             font-size: 18px;
        }
    }
    .roll{
        border-top: 1px solid #ccc;
        padding-top: 16px;
        li{
           display: inline-block; 
           margin-right: 7px;
            a{
               display: inline-block;
                 height: 112px; 
            }
            img{
                width: 181px;
                height: 112px;
            }
            p{
                background: #333;
                opacity: 0.7;
                filter: alpha(opacity=70);
                -webkit-opacity:0.7;
                -moz-opacity:0.7;
                @extend .tc,.t-white;
                padding: 5px 0;
                margin-top: -34px;
            }
        }
        li:last-child{margin-right: 0;}
    }
}
.case-else{
    h3{font-size: 18px;}
    ul{@extend .mt10;}
    li{
        display: inline-block;
        .hover-img{
            display: inline-block;
            height: 79px;
            img{
               width: 126px;
               height: 79px; 
            }
        }
        p{
            @extend .tc,.t-white;
            background: #a0a0a0;
            padding: 5px 0;
            margin-top: -2px;
        }
    }
}

//荣誉  
.d_tab29 {
    position: relative;
    height: 400px;
    text-align: left;
    overflow: hidden;
     .d_img {
        position: relative;
        margin: 50px auto 20px;
        width: 1000px;
        height: 100%;
        overflow: hidden;
        li{
            position: absolute;
            display:  none;
            img{
                width: 100%;
                overflow: hidden;
            }
         } 
         .d_pos1 {
            display: block;
            width: 350px;
             left: 0%; 
             top: 60px; 
            z-index: 1; 
        }
         .d_pos2{
             display: block;
            width: 400px;
            left: 10%;
            top: 40px;
            z-index: 2;
         } 
         .d_pos3{
            display: block;
            width: 450px;
            left: 25%;
            top: 20px;
            z-index: 3;
         }
         .d_pos4{
            display: block;
            width: 400px;
            right: 10%;
            top: 40px;
            z-index: 2;
         }
         .d_pos5{
            display: block;
            width: 350px;
            right: 0%;
            top: 60px;
            z-index: 1;
         }
    }
    
    .d_prev,.d_next{
        position:absolute;
        top:50%;
        width:40px;
        height:40px; 
        z-index:20; 
        cursor:pointer;
    }
    .d_prev{
        left: 60px;
        background: url(../img/arrow_l.png) no-repeat center ;
    }
    .d_next{
        right: 60px;
        background: url(../img/arrow_r.png) no-repeat center ;
    }
}

.honor-main{
    position: relative;
    padding-bottom: 50px;
    h1{
        margin: 40px 0 20px;
        position: relative;
        @extend .tc;
        &:before,&:after{
            position: absolute;
            content: "";
            @extend .bor-b;
            border-color: #797575;
            width: 589px;
            bottom: 19px;
        }
         &:before{
             left: 0;
         }
          &:after{
             right: 0;
         }
    }
    
   li:hover{
       h4 a{color: #117e48;};
   }
    h4 {
        margin-bottom: 20px;
        font-size: 28px;
        a{color: #000;}
    }
    p{
        position: relative;
        @extend .t-grey;
        line-height: 2;
        cursor: pointer;
        &:hover{
            color: #117e48;
        }
         img{
             display: none;
        }
    }
    .sub{
        position: absolute;
        top: 30%;
        left: 35%;
        z-index: 20;
        display: none;
    }
}

.honnor-warp{
    margin: 60px 0 40px;
    li{
        display: inline-block;
        @extend .hover-img; 
        height: 250px; 
        cursor: pointer;
        span{
            display: inline-block;
            border: 1px solid #ccc;
            padding: 20px;
        }
        img{
            width: 231px;
            height: 166px;
        }
        p{
            @extend .tc,.mt20;
        }
        &:hover{
            p{color: #00BD82;}
        }
    }
}

//服务
.service{
    background: url(../img/服务_bg1.jpg) no-repeat;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
    -moz-background-size:100% 100%;  
    background-size:100% 100%;
}

.process{
    ul{
        margin: 20px 0 120px;
    }
    li{
        position: relative;
        display: inline-block;
        margin-left: -40px;
         .info{
           position: absolute;
           top: 40px;
            left: 50px;
            width: 116px;
            cursor: pointer;
            height: 130px;
            overflow: hidden;
            h3{color: #117e48;font-size: 30px;}
            p{
              margin-top: 10px;
              line-height: 1.6;
             font-size: 16px;
             color: #333;
            }
       }
    }
 
}


.ser-bg{
    background: url(../img/服务_bg2.jpg) no-repeat;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
    -moz-background-size:100% 100%;  
    background-size:100% 100%;
    .com-top{
        padding-bottom: 90px;
        @extend .t-white;
        .hd{
            span{background: #fff;}
             .line{
                border-bottom-color: #fff;
                &:after,&:before{
                   background: #fff;           
                }
            }
        }
    }
    .bg{
        text-align: center;
        li{
            position: relative;
            display: inline-block;
            background: #fff;
            padding: 46px 63px;
            overflow: hidden;
            margin-right: 20px;
            i{color: #00BD82;font-family: "microsoft yahei",gautami; font-size: 30px;}
            >p{color: #333;padding-top: 10px;}
         .ser-info{
             position: absolute;
             top: 180px;
             left: 0;
             height: 160px;
             background: #00524C;
             padding: 40px 18px 0;;
             cursor: pointer;
             @extend .t-white;
             text-align: left;
             -webkit-transition: all 0.3s ease;
             -moz-transition: all 0.3s ease;
             -o-transition: all 0.3s ease;
             -ms-transition: all 0.3s ease;
             transition: all 0.3s ease;
             p{padding-top: 10px;}
         }
         &:hover{
             .ser-info{top: 0;}
         }
        }
        li:last-child{
            margin-right: 0;
        }
    }
}



.process,.ser-bz,.ser-after{
    .hd{
        span{
            background: #117e48;
        }
        .line{
            border-bottom-color: #117e48;
            &:after,&:before{
              background: #9a9a9a;           
            }
        }
    }  
}

.ser-bz{
    padding-bottom: 50px;
    ul{
        @extend .clear;
        li{
            position: relative;
            @extend .fl,.hover-img;
            height: 240px;
            img{
                width: 240px;
                height: 275px;
            }
            h3,.info{
                -webkit-transition: all 0.3s ease;
               -moz-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
               -ms-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }
            h3{
                position: absolute;
                bottom: 0;
                width: 100%;
                background: #000;
                opacity: 0.6;
                @extend .t-white,.tc;
                padding: 10px 0;
                filter: alpha(opacity=60);
                -webkit-opacity:0.6;
                -moz-opacity:0.6;
            }
            .info{
                position: absolute;
                top: 280px;
                background: #00524c;
                width: 100%;
                color: #fff;
                height: 100%;
                padding: 60px 0;
                line-height: 2;
                @extend .tc;
                font-size: 24px;
                cursor: pointer;
                opacity: 0.9;
                filter: alpha(opacity=90);
                -webkit-opacity:0.9;
                -moz-opacity:0.9;
            }
            &:hover{
                .info{top: 0;}
                h3{bottom: -50px;}
            }
        }
    }
}

.ser-after{
    background: #ddd;
    margin-bottom: 70px;
    padding-bottom: 100px;
    .hd{
       .line{
            &:after,&:before{
              background: #333;           
            }
        }
    }
    li{
        display: inline-block;
        padding: 0 25px;
        P{
            @extend .mt20;
            font-size: 20px;
            color: #333;
        }
    }
    .ser-list{
        display: inline-block;
        background: url(../img/big_round.png) no-repeat;
        width: 140px;
        height: 140px;
        transition-property:background-image;
        -moz-transition-property: background-image;
        -webkit-transition-property:background-image; 
        -o-transition-property:background-image; 
        -webkit-transition: all 0.7s ease;
        -moz-transition: all 0.7s ease;
        -o-transition: all 0.7s ease;
        -ms-transition: all 0.7s ease;
         transition: all 0.7s ease;
        [class^="icon-"]{
            &:before{
                display: inline-block;
                padding: 40px;
                font-size: 50px;
                color: #a0a0a0;
                -webkit-transition: all 0.5s ease;
               -moz-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
               -ms-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }
        }  
        &:hover{
            background: url(../img/big_round_1.png) no-repeat;
           [class^="icon-"]{
               color: #117E48;
              &:before{color: #117e48;}
            }
        } 
    }
}


//合作伙伴
.brand{    
    @extend .clear,.mt50;
    a{
    display: block;
    float: left;
    margin-right: 20px;
    width: 208px;
    height: 108px;
    text-align: center;
    position: relative;
    img{
        border: 1px solid #ccc;
        width: 208px;
        height: 108px;
    }
    .info{
        display: none;
        width: 0;
        height: 76px;
        margin: 0 auto;
        background: #00524C;
        font-size: 20px;
        color: #fff;
        text-align: center;
        padding-top: 35px;
    }
} 
}



.hr{
   .hd{
       padding-bottom: 40px;
        span{
            background: #00524C;
        }
        .line{
            border-bottom-color: #00524c;
            &:after,&:before{
              background: #9a9a9a;           
            }
        }
    }
    h2{font-size: 24px;padding-bottom: 20px;}
     b{display: block;line-height: 1.8;}  
     a{color: #00BD82;}
}

.bor-r{
    border-right: 1px solid #ccc;   
}

.con-list{
    margin: 80px 0;
    .ml40{
        margin-left: 40px;
    }
    li{
        display: inline-block;
        width: 350px;
        h3{
            padding-bottom: 10px;   
            color: #6e6e6e;
            font-size: 18px;
            cursor: pointer;
            &:hover{
                 color: #00BD82;
            }        
        }
        p{
            line-height: 1.8;
            @extend .t-grey;
        }
        .more{
            color: #00AA91;
            font-size: 12px;
            cursor: pointer;
        }
        .info{
            margin: 20px 0 0 20px;
            h2{
                font-weight: 600;
                color: #00BD82;
                font-size: 24px;
                padding-bottom: 20px;
            }
            p{
                font-size: 14px;
            }
        }
    }
}

.more-arr{
    font-family:sans-serif,宋体;
}

.message{
    h2{
        font-size: 24px;
        padding-bottom: 40px;
    }
    .hover-img{
        height: 358px;
    }
}

.form-box{
    margin-left: 50px;
    .group{
        @extend .clear;
        input{
            border: none;
            outline: none;
            border: 1px solid #ccc;
            padding: 5px;
            width: 460px;
            @extend .ml10;
        }
    }
    
.textarea{
    width: 448px;
    height: 100px;
    border: 1px solid #ccc;
    resize: none;
    outline: 0;
    color: #333;
    padding: 10px;
    overflow: hidden;
    @extend .ml10;
    }
  .m-btn{      
    border: none;
    outline: none;
    display: inline-block;
    background: #00524C;
    @extend .t-white;
    cursor: pointer;
    margin-left: 58px;
    padding: 10px 0;
    width: 475px;
  }
}

.map{
    position: relative;
    .map-info{
        z-index: 10;
        line-height: 1.8;
        overflow: hidden;
        @extend .t-white;
        cursor: pointer;
        .bgcolor{
        position: absolute;
        top: 0;
        left: 0;
         width: 100%;
        height: 550px;
         background: #333;
        opacity: 0.4;
        filter:alpha(opacity=40); 
        -webkit-opacity:0.4;
        -moz-opacity:0.4;
        }
        .bg{
        position: absolute;
        top: 15%;
        left: 35%;
        width: 490px;
        height: 260px;
        padding: 30px;
        border: 2px solid #fff;
        background: #00524C; 
        }
        .title{
            font-size: 24px;
            padding-bottom: 20px;
            border-bottom: 1px solid #fff;
        }
        li{
            display: inline-block;
            padding-right: 50px;
            h3{
                font-size: 20px;
                padding-bottom: 10px;
            }
        }
    }
}

//底部
.footer{
    background: #22a993;   
    a,span{display: inline-block; color: #333;}
    .list{
        display: inline;
        a{
            height: 50px;
            line-height: 50px;            
            &:hover{
                @extend .t-white;
            }
        }
        span{
           margin: 0 20px;
           color: #91d4c9;
        }
    }
    .link{
        display: inline;
        span{
            vertical-align: top;
            margin: 22px 10px 0 0;
        }
        a{
            padding-top: 15px;
            margin-right: 5px;
            img{
                -webkit-transition: all 0.7s ease;
           -moz-transition: all 0.7s ease;
            -o-transition: all 0.7s ease;
           -ms-transition: all 0.7s ease;
            transition: all 0.7s ease; 
            }
            &:hover{
                transform: scale(1.1);
                -moz-transform: scale(1.1);
                -webkit-transform: scale(1.1);
            }
        }
    }
}